Restyle the blood infuser, accumulator and broom modifier appendices - #12

Companion to CyclopsMC/infobook-html#55, which restyles the shared layout and makes the generated books work on phones. That PR lays out every recipe appendix from one set of shared rules, so the blood infuser and the environmental accumulator no longer need their own icon offsets here.

Blood infuser

The required tier used to be placed at a fixed left: 166px. It now sits in its own cell next to the machine icon, above the arrow, and collapses when a recipe has no tier requirement.

Broom modifiers

Each modifier becomes a row of items with their counts as ×N, wrapping to as many lines as it needs. The modifier count sat at a negative offset before, which made it drift out of line as soon as a modifier had more than a few items.

Palette

The config sets border to the same value as outer_background (#110c1f), which is nearly black. The new shared stylesheet derives the page frame, links and rules from border, so this overrides those tokens with the purple from border_light and the blood red from the book. Without that, links on the parchment page would be almost black.

Also

• Bumps cyclops-infobook-html to ^6.0.0, which is the release carrying the shared restyle. It went out as a major, so the previous ^5.2.0 range would not have picked it up.
• Fixes the favicon and the Open Graph image. icon pointed at assets/icons/evilcraft__dark_dark_gem.png, which is both the wrong directory and an item that does not exist, so it has been returning a 404. It now points at the dark gem that the book actually uses.
• Sets bookIconItem to the book item, so the header shows the book next to its name, using the new option in 6.0.0.

Verification

• npm run build and npm run lint pass against 6.0.0, and CI generates the book end to end on this branch with the new templates.
• Rendered the real templates against content from the deployed book (blood extraction, blood infuser, the advanced infusion recipes with tier icons, the dark temple accumulator recipes and the broom modifier list) at 1280px and 390px, with no horizontal scrolling at 390px.

🤖 Generated with Claude Code

https://claude.ai/code/session_01FuDB4UAnaLnNEEv8kVuotH